import React from 'react';
import { Collapse } from 'antd';

import styles from './index.module.less';

export default class Byc extends React.Component {
  render() {
    return (
      <Collapse accordion bordered={false}>
        <Collapse.Panel header='如何入住丰收部落平台？' key='1'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta dolorem expedita fugiat libero minus perspiciatis veritatis. Amet et laudantium obcaecati officiis vel. Assumenda ducimus enim nisi praesentium, ratione unde?
        </Collapse.Panel>
        <Collapse.Panel header="如何在丰收部落进行交易？" key='2'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta dolorem expedita fugiat libero minus perspiciatis veritatis. Amet et laudantium obcaecati officiis vel. Assumenda ducimus enim nisi praesentium, ratione unde?
        </Collapse.Panel>
        <Collapse.Panel header='卖家如何开店？' key='3'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta dolorem expedita fugiat libero minus perspiciatis veritatis. Amet et laudantium obcaecati officiis vel. Assumenda ducimus enim nisi praesentium, ratione unde?
        </Collapse.Panel>
        <Collapse.Panel header='买家如何支付订单？' key='4'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta dolorem expedita fugiat libero minus perspiciatis veritatis. Amet et laudantium obcaecati officiis vel. Assumenda ducimus enim nisi praesentium, ratione unde?
        </Collapse.Panel>
        <Collapse.Panel header='买家为什么走平台订单交易？对买家有什么好处？' key='5'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta dolorem expedita fugiat libero minus perspiciatis veritatis. Amet et laudantium obcaecati officiis vel. Assumenda ducimus enim nisi praesentium, ratione unde?
        </Collapse.Panel>
        <Collapse.Panel header='注册账号，需要提供什么资料，如何操作？' key='6'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta dolorem expedita fugiat libero minus perspiciatis veritatis. Amet et laudantium obcaecati officiis vel. Assumenda ducimus enim nisi praesentium, ratione unde?
        </Collapse.Panel>
        <Collapse.Panel header='如何找到想采购的钢材？' key='7'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta dolorem expedita fugiat libero minus perspiciatis veritatis. Amet et laudantium obcaecati officiis vel. Assumenda ducimus enim nisi praesentium, ratione unde?
        </Collapse.Panel>
        <Collapse.Panel header='线上交易是否收手续费？' key='8'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque dicta dolorem expedita fugiat libero minus perspiciatis veritatis. Amet et laudantium obcaecati officiis vel. Assumenda ducimus enim nisi praesentium, ratione unde?
        </Collapse.Panel>
        <Collapse.Panel header='买家在线交易流程？' key='9'>
          <div className={styles.problemContent}>
            <div className={styles.articleTitle}>平台目前有三种交易流程</div>
            <div className={styles.workflowBox}>
              <div className={styles.workflowItem}>
                <div className={styles.itemTitle}>
                  1.卖家推送订单
                </div>
                <div className={styles.itemContent}>
                  <div className={styles.itemExtraText}>买家沟通后，如果双方达成合作意向，卖家根据买家采购需求创建交易订单，买卖家可通过电话或客服联系</div>
                  <div className={styles.itemImgBox}>
                    <img src={require('../../../asset/images/help/workflow_1.png')} alt='图片' />
                  </div>
                </div>
              </div>
              <div className={styles.workflowItem}>
                <div className={styles.itemTitle}>
                  2.买家询价下单
                </div>
                <div className={styles.itemContent}>
                  <div className={styles.itemImgBox}>
                    <img src={require('../../../asset/images/help/workflow_2.png')} alt='图片' />
                  </div>
                </div>
              </div>
              <div className={styles.workflowItem}>
                <div className={styles.itemTitle}>
                  3.买家采购下单
                </div>
                <div className={styles.itemContent}>
                  <div className={styles.itemImgBox}>
                    <img src={require('../../../asset/images/help/workflow_3.png')} alt='图片' />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </Collapse.Panel>
      </Collapse>
    );
  }
}
